<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <link rel="stylesheet" href="./normalize.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <title>租房信息</title>
  </head>
  <body>
    <!-- 头部 -->
    <div class="header">
      <div class="add">北京</div>
      <div class="search">
        <form action="">
          <img src="./icons/header_search.png" alt="" />
          <input type="text" placeholder="输入小区名称或商圈" />
        </form>
      </div>
      <div class="news">
        <img src="./icons/header_news.png" alt="" />
      </div>
    </div>
    <!-- 头部 -->

    <!-- 轮播图区域 -->
    <div class="banner">
      <div class="pic">
        <img src="./imgs/banner.png" alt="" />
      </div>
      <div class="btn">
        <div class="active"></div>
        <div></div>
        <div></div>
      </div>
    </div>
    <!-- 轮播图区域 -->

    <!-- 合租整租 -->
    <div class="nav">
      <img src="./icons/nav_1.png" alt="" />
      <img src="./icons/nav_2.png" alt="" />
    </div>
    <!-- 合租整租 -->

    <!-- 超值优惠 -->
    <div class="discount">
      <div class="title">
        <h3>超值优惠</h3>
        <a href="#"><img src="./icons/content_icon_next.png" alt="" /></a>
      </div>
      <div>
        <ul>
          <li>
            <img src="./imgs/content_tu_home_left@2x.png" alt="" />
            <h4>宝石花园</h4>
            <p>朝阳区-2室1厅-90m²</p>
            <div class="price">¥7800元/月</div>
          </li>
          <li>
            <img src="./imgs/content_tu_home_left@2x.png" alt="" />
            <h4>领袖新规度3号院</h4>
            <p>朝阳区-2室1厅-90m²</p>
            <div class="price">¥123456元/月</div>
          </li>
        </ul>
      </div>
      <div class="ad_pic">
        <img src="./imgs/ggwei_home.png" alt="" />
      </div>
    </div>
    <!-- 超值优惠 -->

    <!-- 推荐区域 -->
    <div class="recommend">
      <div class="title">
        <h3>为您推荐</h3>
        <div class="zf">
          <a href="#" class="active">
            <h5>整租</h5>
            <div></div>
          </a>
          <a href="#">
            <h5>合租</h5>
            <div></div>
          </a>
        </div>
      </div>
      <ul class="home_list">
        <li>
          <div class="pic">
            <img src="./imgs/home_list_tu1@2x.png" alt="" />
          </div>
          <div class="text">
            <h4>整租-保利家园7号院1号楼</h4>
            <p>朝阳区 | 2室1厅 | 90m²</p>
            <p>距5号线立水桥站1200米，13号线广西南合...</p>
            <div class="fx">
              <div>独卫</div>
              <div>含阳台</div>
            </div>
            <div class="price">¥7800 <span>元/月</span></div>
          </div>
        </li>
        <li>
          <div class="pic">
            <img src="./imgs/home_list_tu2@2x.png" alt="" />
          </div>
          <div class="text">
            <h4>整租-保利家园7号院1号楼</h4>
            <p>朝阳区 | 2室1厅 | 90m²</p>
            <p>距5号线立水桥站1200米，13号线广西南合...</p>
            <div class="fx">
              <div>独卫</div>
              <div>含阳台</div>
            </div>
            <div class="price">¥2400 <span>元/月</span></div>
          </div>
        </li>
        <li>
          <div class="pic">
            <img src="./imgs/home_list_tu3@2x.png" alt="" />
          </div>
          <div class="text">
            <h4>整租-保利家园7号院1号楼</h4>
            <p>朝阳区 | 2室1厅 | 90m²</p>
            <p>距5号线立水桥站1200米，13号线广西南合...</p>
            <div class="fx">
              <div>独卫</div>
              <div>含阳台</div>
            </div>
            <div class="price">¥7800 <span>元/月</span></div>
          </div>
        </li>
        <li>
          <div class="pic">
            <img src="./imgs/home_list_tu4@2x.png" alt="" />
          </div>
          <div class="text">
            <h4>整租-保利家园7号院1号楼</h4>
            <p>朝阳区 | 2室1厅 | 90m²</p>
            <p>距5号线立水桥站1200米，13号线广西南合...</p>
            <div class="fx">
              <div>独卫</div>
              <div>含阳台</div>
            </div>
            <div class="price">¥7800 <span>元/月</span></div>
          </div>
        </li>
        <li>
          <div class="pic">
            <img src="./imgs/home_list_tu5@2x.png" alt="" />
          </div>
          <div class="text">
            <h4>整租-保利家园7号院1号楼</h4>
            <p>朝阳区 | 2室1厅 | 90m²</p>
            <p>距5号线立水桥站1200米，13号线广西南合...</p>
            <div class="fx">
              <div>独卫</div>
              <div>含阳台</div>
            </div>
            <div class="price">¥7800 <span>元/月</span></div>
          </div>
        </li>
      </ul>
      <a href="#" class="more">查看更多优质房源</a>
      <a href="#" class="picture">
        <img src="./imgs/gushirukou_home.png" alt="" />
      </a>
    </div>
    <!-- 推荐区域 -->

    <!-- 底部 -->
    <div class="footer">
      <a href="#" class="current">
        <i class="iconfont icon-home"></i>
        <p>首页</p>
      </a>
      <a href="#">
        <i class="iconfont icon-search"></i>
        <p>快速找房</p>
      </a>
      <a href="#">
        <i class="iconfont icon-agent"></i>
        <p>委托代理</p>
      </a>
      <a href="#">
        <i class="iconfont icon-my"></i>

        <p>我的</p>
      </a>
    </div>
    <!-- 底部 -->

    <script src="./flexible.js"></script>
  </body>
</html>
